import MeScroll from 'mescroll.js';
import {timestampToTime} from '@/util/util.js';
import {Toast} from 'mint-ui';
export default {
  name: "",
  data: () => ({
    mescroll: null,
		pdlist: [],
    datalength:0,
  }),
  methods: {
    toBilldetail(index) {
      let that = this;
      let billDetail = that.pdlist[index];
      console.log(billDetail.billId);

      console.log(window.localStorage.getItem('userToken'));
      this.$router.push({path:'/billDetail',
        query:{
          billId:billDetail.billId,
          contractId:billDetail.contractId
        }
      });
    },
    //上拉回调 page = {num:1, size:10}; num:当前页 ,默认从1开始; size:每页数据条数,默认10
		upCallback: function(page) {
			//联网加载数据
			var self = this;
			self.getListDataFromNet(page.num, page.size, function(curPageData) {
				// curPageData=[]; //打开本行注释,可演示列表无任何数据empty的配置
        console.log(self.datalength);

				//如果是第一页需手动制空列表 (代替clearId和clearEmptyId的配置)
				if(page.num == 1) self.pdlist = [];

				//更新列表数据
				self.pdlist = self.pdlist.concat(curPageData);

				//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
				//mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
				console.log("page.num="+page.num+", page.size="+page.size+", curPageData.length="+curPageData.length+", self.pdlist.length==" + self.pdlist.length);
				//方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据,如果传了hasNext,则翻到第二页即可显示无更多数据.
				self.mescroll.endSuccess(self.datalength);

			}, function() {
				//联网失败的回调,隐藏下拉刷新和上拉加载的状态;
				self.mescroll.endErr();
			});
    },
    getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
      let self = this;
        this.$ajax.get(configUrl.USERBILLLIST_URL, {
					params: {
            payState:1,           //支付状态 1待支付 2支付成功
						currentPage: pageNum, //页码
						showCount: pageSize //每页长度
					}
				})
				.then((response) => {
          console.log(response);
					var data=response.data.dataList; // 模拟数据: ../res/pdlist1.js
          self.datalength = data.length;
          //       	var listData=[];//模拟分页数据
					// for (var i = (pageNum-1)*pageSize; i < pageNum*pageSize; i++) {
	        //     		if(i==data.length) break;
	        //     		listData.push(data[i]);
	        //     	}
                	successCallback&&successCallback(data);//成功回调
				})
				.catch((error) => {
					errorCallback&&errorCallback()//失败回调
				});
		},
    // 租期
    setRentTime(index) {
      let that = this;
      let dataList = that.pdlist[index];
      let beginDate = dataList.startDay;
      let endDate = dataList.endDay;
      return timestampToTime(beginDate) + '-' +timestampToTime(endDate);
    },
    // 支付账单
    payforBill(index) {
      let that = this;
      let seq = that.pdlist[index].seq;
      let payforParam = {
        billId:that.pdlist[index].billId
      }
      network.post(configUrl.BILLWXPAY_URL,payforParam,function (res) {
        console.log(res);
        let data = res.data;
        // 调用微信支付
        function onBridgeReady(){
           // console.log('开始支付');
          WeixinJSBridge.invoke(
            'getBrandWCPayRequest', {
              "appId" : data.appId,   //公众号名称，由商户传入
              "timeStamp":data.timeStamp,     //时间戳，自1970年以来的秒数
              "nonceStr" : data.nonceStr, //随机串
              "package" : data.package,   //统一订单号
              "signType" : data.signType,     //微信签名方式：
              "paySign" : data.paySign //支付签名
            },
            function(res){
              console.log((res.err_msg));
              if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                // alert('支付成功'+res.err_msg);
                if(seq==1){   //第一期账单需要跳转签约合同
                  that.$router.push({path:'/payforSuccess',query:{}});
                }else {
                  that.$router.go(0); //其他期账单刷新页面
                }

              }   // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
              else{
                alert('支付失败');
              }
            }
          )
        }
        if (typeof WeixinJSBridge == "undefined"){

          if( document.addEventListener ){
            Toast('请使用微信浏览器')
            document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
          }else if (document.attachEvent){
            document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
            document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
          }
        }else{
          onBridgeReady();
        }
        /////微信支付end
        // that.$router.push({name:'payforSuccess'});
        // that.showComfirm = true;
      },function (err) {
        console.log(err);
      })
    },
  },
  mounted() {
    //do something after mounting vue instance
    var self = this;
		self.mescroll = new MeScroll("mescroll", { //请至少在vue的mounted生命周期初始化mescroll,以确保您配置的id能够被找到
			up: {
				callback: self.upCallback, //上拉回调
				//以下参数可删除,不配置
				isBounce: false, //此处禁止ios回弹,解析(务必认真阅读,特别是最后一点): http://www.mescroll.com/qa.html#q10
				//page:{size:8}, //可配置每页8条数据,默认10
				toTop:{ //配置回到顶部按钮
					// src : "../res/img/mescroll-totop.png", //默认滚动到1000px显示,可配置offset修改
					html: "top", //html标签内容,默认null; 如果同时设置了src,则优先取src
					offset : 200
				},
				empty:{ //配置列表无任何数据的提示
					warpId:"dataList",
					icon : require("@/assets/images/attention@2x.png") ,
						  	tip : "当前还没有房源订单~" ,
//						  	btntext : "去逛逛 >" ,
//						  	btnClick : function() {
//						  		alert("点击了去逛逛按钮");
//						  	}
				},
			}
		});
  }
    //房源状态 1空置  2已租 4租约快到期（到期前一个月） 8租约已到期  16续租待确认  32退租待处理  64转租中'

    // 租约关联房源  如果是2 ，4就是已签约，8 已退租，16 待签约
//     房源状态 1空置  2已租
// 租约状态 1.租约快到期（到期前一个月） 2租约已到期  3续租待确认  4退租待处理  5转租中  6 待签约  7已签约   8已退租  9待签约

}
